<script lang="ts" setup></script>
<template>
  <a-layout-content class="app-layout-content">
    <router-view>
      <template v-slot="{ Component, route }">
        <!-- <transition appear name="fade-transform" mode="out-in"> -->
        <!-- <transition appear name="fade" mode="out-in"> -->
        <!-- <transition appear name="zoom-fade" mode="out-in"> -->
        <transition appear name="fade-slide" mode="out-in">
          <component :is="Component" :key="route.path" />
        </transition>
      </template>
    </router-view>
  </a-layout-content>
</template>
